<!DOCTYPE html>
<html>
<head>
<!-- This page was generated by CAT-SOOP (v{cs_version}).  miau. -->

<meta charset="UTF-8" />
<title>{cs_title}</title>
<link rel="icon" href="{cs_icon_url}" type="image/gif" />

<!-- jQuery and Bootstrap and SweetAlert -->
<script src="BASE/scripts/jquery.js"></script>
<link rel="stylesheet" href="BASE/themes/bootstrap.css" />
<script src="BASE/scripts/bootstrap.js"></script>
<link rel="stylesheet" href="BASE/themes/sweetalert2.css" />
<script src="BASE/scripts/sweetalert2.js"></script>

<!-- automatically adjust the top padding so that the whole page is visible even if the navbar's height changes -->
<script type="text/javascript">
var set_top_margin = function(){{
    $("#myPage").css('padding-top', $('#cs_main_navbar').height());
}}

$(document).ready(set_top_margin);
$('#cs_main_navbar').resize(set_top_margin);
var catsoop = {{plugins: {{}}}};
</script>

<!-- Additional styling specific for course-->
<link rel="stylesheet" type="text/css" href="{cs_theme}" />

<!-- load in katex and mathjax, and CAT-SOOP-specific math rendering  -->
<script type="text/javascript" src="BASE/scripts/katex/katex.min.js"></script>
<link rel="stylesheet" type="text/css" href="BASE/scripts/katex/katex.min.css" />
<script type="text/javascript" src="BASE/scripts/mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/javascript" src="BASE/scripts/cs_math.js"></script>

<!-- CAT-SOOP Hashing -->
<script type="text/javascript" src="BASE/scripts/cs_hash.js"></script>

<!-- Syntax Highlighting -->
<link rel="stylesheet" href="BASE/scripts/highlight/styles/catsoop.css" />
<script type="text/javascript" src="BASE/scripts/highlight/highlight.pack.js"></script>
<script type="text/javascript">
hljs.initHighlightingOnLoad();
</script>

{cs_scripts}

<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body id="myPage">

<nav class="navbar navbar-default navbar-fixed-top" id="cs_main_navbar">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#catsoopnavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <div class="navbar-brand"><a href="{cs_home_link}">{cs_header}</a></div><div class="navbar-brand"><div class="logininfo">{cs_breadcrumbs_html}</div></div>
    </div>
          {cs_top_menu_html}
  </div>
</nav>
<div id="content">
  <center>
  <h1>{cs_content_header}</h1>
  </center>

<div class="container">
  <div class="row">
    <div class="col-md-2"></div>
    <div class="col-md-8">
      {cs_content}
      {cs_footnotes}
    </div>
    <div class="col-md-2"></div>
  </div>
</div>
<div id="bottom_menu">
  {cs_bottom_menu}
</div>

</div>
<div id="footer">
    {cs_footer}
    Powered by <a href='https://cat-soop.org'>CAT-SOOP</a> v{cs_version}<br/>
    (<a href="BASE/cs_util/license" target="_blank">View License</a>, <a href="BASE/cs_util/source.zip{cs_source_qstring}" download>Download Source Code</a>)
<pre class="catsooplogo" style="font-size:50%;">{cs_base_logo_text}</pre>
    </div>
</body>
</html>
